<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
    <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>

</head>
<body >
    <div id="be915d0acc324a62928bbb5067de1571" class="chart-container" style="width:900px; height:500px; "></div>
    <script>
        var chart_be915d0acc324a62928bbb5067de1571 = echarts.init(
            document.getElementById('be915d0acc324a62928bbb5067de1571'), 'white', {renderer: 'canvas'});
        var option_be915d0acc324a62928bbb5067de1571 = {
            "animation": true,
            "animationThreshold": 2000,
            "animationDuration": 1000,
            "animationEasing": "cubicOut",
            "animationDelay": 0,
            "animationDurationUpdate": 300,
            "animationEasingUpdate": "cubicOut",
            "animationDelayUpdate": 0,
            "aria": {
                "enabled": false
            },
            "color": [
                "#5470c6",
                "#91cc75",
                "#fac858",
                "#ee6666",
                "#73c0de",
                "#3ba272",
                "#fc8452",
                "#9a60b4",
                "#ea7ccc"
            ],
            "series": [
                {
                    "type": "line",
                    "name": "活跃用户数",
                    "connectNulls": false,
                    "xAxisIndex": 0,
                    "symbolSize": 4,
                    "showSymbol": true,
                    "smooth": false,
                    "clip": true,
                    "step": false,
                    "stackStrategy": "samesign",
                    "data": [
                        [
                            "0",
                            1850
                        ],
                        [
                            "1",
                            1873
                        ],
                        [
                            "2",
                            1834
                        ],
                        [
                            "3",
                            1865
                        ],
                        [
                            "4",
                            1851
                        ],
                        [
                            "5",
                            1896
                        ],
                        [
                            "6",
                            1886
                        ],
                        [
                            "7",
                            1857
                        ],
                        [
                            "8",
                            1797
                        ],
                        [
                            "9",
                            1804
                        ],
                        [
                            "10",
                            1841
                        ],
                        [
                            "11",
                            1852
                        ],
                        [
                            "12",
                            1942
                        ],
                        [
                            "13",
                            1809
                        ],
                        [
                            "14",
                            1831
                        ],
                        [
                            "15",
                            1946
                        ],
                        [
                            "16",
                            1819
                        ],
                        [
                            "17",
                            1833
                        ],
                        [
                            "18",
                            1877
                        ],
                        [
                            "19",
                            1920
                        ],
                        [
                            "20",
                            1893
                        ],
                        [
                            "21",
                            1826
                        ],
                        [
                            "22",
                            1962
                        ],
                        [
                            "23",
                            1873
                        ]
                    ],
                    "hoverAnimation": true,
                    "label": {
                        "show": true,
                        "margin": 8,
                        "valueAnimation": false
                    },
                    "logBase": 10,
                    "seriesLayoutBy": "column",
                    "lineStyle": {
                        "show": true,
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    },
                    "areaStyle": {
                        "opacity": 0
                    },
                    "zlevel": 0,
                    "z": 0
                }
            ],
            "legend": [
                {
                    "data": [
                        "活跃用户数"
                    ],
                    "selected": {},
                    "show": true,
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "backgroundColor": "transparent",
                    "borderColor": "#ccc",
                    "borderRadius": 0,
                    "pageButtonItemGap": 5,
                    "pageButtonPosition": "end",
                    "pageFormatter": "{current}/{total}",
                    "pageIconColor": "#2f4554",
                    "pageIconInactiveColor": "#aaa",
                    "pageIconSize": 15,
                    "animationDurationUpdate": 800,
                    "selector": false,
                    "selectorPosition": "auto",
                    "selectorItemGap": 7,
                    "selectorButtonGap": 10
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "enterable": false,
                "confine": false,
                "appendToBody": false,
                "transitionDuration": 0.4,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5,
                "order": "seriesAsc"
            },
            "xAxis": [
                {
                    "type": "category",
                    "name": "小时",
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "data": [
                        "0",
                        "1",
                        "2",
                        "3",
                        "4",
                        "5",
                        "6",
                        "7",
                        "8",
                        "9",
                        "10",
                        "11",
                        "12",
                        "13",
                        "14",
                        "15",
                        "16",
                        "17",
                        "18",
                        "19",
                        "20",
                        "21",
                        "22",
                        "23"
                    ]
                }
            ],
            "yAxis": [
                {
                    "name": "用户数",
                    "show": true,
                    "scale": false,
                    "nameLocation": "end",
                    "nameGap": 15,
                    "gridIndex": 0,
                    "inverse": false,
                    "offset": 0,
                    "splitNumber": 5,
                    "minInterval": 0,
                    "splitLine": {
                        "show": true,
                        "lineStyle": {
                            "show": true,
                            "width": 1,
                            "opacity": 1,
                            "curveness": 0,
                            "type": "solid"
                        }
                    },
                    "animation": true,
                    "animationThreshold": 2000,
                    "animationDuration": 1000,
                    "animationEasing": "cubicOut",
                    "animationDelay": 0,
                    "animationDurationUpdate": 300,
                    "animationEasingUpdate": "cubicOut",
                    "animationDelayUpdate": 0,
                    "min": 1750,  // 修改最小值为 1600
                    "max": 2000   // 修改最大值为 2000
                }
            ],
            "title": [
                {
                    "show": true,
                    "text": "小时级用户活跃趋势",
                    "target": "blank",
                    "subtarget": "blank",
                    "padding": 5,
                    "itemGap": 10,
                    "textAlign": "auto",
                    "textVerticalAlign": "auto",
                    "triggerEvent": false
                }
            ]
        };
        chart_be915d0acc324a62928bbb5067de1571.setOption(option_be915d0acc324a62928bbb5067de1571);
    </script>
</body>
</html>